<div class="dlgEmoticon" id="dlgEmoticon{$strEmoName}">
    <a href="javascript:;" onBlur="javascript:emoBlur('{$strDefault}','{$strName}',{$intShow});">
    	<img src="{$smarty.const.HOST_STATICS}img/icon/emo-nomal.gif" alt="{$smarty.const.DOMAIN} - emoticon" width="33" height="20" border="0" onMouseOver="this.src='{$smarty.const.HOST_STATICS}img/icon/emo-hover.gif'" id="img_{$strEmoName}" onMouseOut="this.src='{$smarty.const.HOST_STATICS}img/icon/emo-nomal.gif'"/>
    </a>
    <div class="fullEmoticon" id="fullEmoticon{$strEmoName}">
        <div>
            <ul>
                {foreach key=icon item=row from=$arrEmoticon}
                    {if $row.image}
                    	<li><img border="0" src="{$row.image}" alt="{$row.text}" onClick="insertWord(this.alt, '{$strName}','{$strDefault}');" title="{$row.text} {$row.title}" /></li>
                   	{/if}
                {/foreach}
            </ul>											
        </div>	
    </div>	
</div>
{literal}
	<script type="text/javascript" language="javascript">		
		$(document).ready(function(){			
			$("#dlgEmoticon{/literal}{$strEmoName}{literal}").hoverIntent({
				interval: 200, // milliseconds delay before onMouseOver
				over: function(){
					$("#fullEmoticon{/literal}{$strEmoName}{literal}").show();					
					var txtDefault	= "{/literal}{$strDefault}{literal}";
					var txtInput 	= $("textarea#{/literal}{$strName}{literal}").val();									
					if( txtDefault.toLowerCase() == txtInput.toLowerCase()){
						$("textarea#{/literal}{$strName}{literal}").val("");
						$("textarea#{/literal}{$strName}{literal}").css("min-height","44px");
						$("textarea#{/literal}{$strName}{literal}").css("color","#000");
					}
				},
				timeout: 800, // milliseconds delay before onMouseOut
				out: function(){	
					$("#fullEmoticon{/literal}{$strEmoName}{literal}").hide();									
					var txtDefault	= "{/literal}{$strDefault}{literal}";
					var txtInput 	= $("textarea#{/literal}{$strName}{literal}").val();
					if(txtInput == ""){
						$("textarea#{/literal}{$strName}{literal}").val(txtDefault);
						if($.browser.msie) {
							$("textarea#{/literal}{$strName}{literal}").css("min-height","22px");
							$("textarea#{/literal}{$strName}{literal}").css("height","22px");
						} else {
							$("textarea#{/literal}{$strName}{literal}").css("min-height","18px");
							$("textarea#{/literal}{$strName}{literal}").css("height","18px");
						}						
						$("textarea#{/literal}{$strName}{literal}").css("color","#999");
						
					}
				}
			});		
			$("#fullEmoticon{/literal}{$strEmoName}{literal}").hover(function() {
				var txtDefault	= "{/literal}{$strDefault}{literal}";
				var txtInput 	= $("textarea#{/literal}{$strName}{literal}").val();
				if( txtDefault.toLowerCase() == txtInput.toLowerCase()){
					$("textarea#{/literal}{$strName}{literal}").val("");
				}
				$("#{/literal}{$strEmoName}{literal}").attr("src","{/literal}{$smarty.const.HOST_STATICS}img/icon/emo-hover.gif{literal}");	
			}, function() {
				$("#{/literal}{$strEmoName}{literal}").attr("src","{/literal}{$smarty.const.HOST_STATICS}img/icon/emo-nomal.gif{literal}");
			});
			
		});
    </script>
{/literal}
